import React, { Component } from 'react'

const Header = function(props){
  console.log(props);
    return (<>
        <div> 
          {props.children[0]}  
          *******
          {props.children[1]}
        </div>
    </>)
}

class Content extends Component {
    render(){
        return (<>
            <div>
                {this.props.left} 内容部分 {this.props.r}
            </div>
        </>)
    }
}

export default class App extends Component {
  render() {
    return (
      <div>
        <Header>
          <h4>天气实在太热</h4>
          <h5>喜欢你说的风凉话</h5>
        </Header>
        
        <Content 
        name='asdasdada'
        left={(<span style={{color: 'red'}}>秒杀 </span>)}
        r={(<del>￥19999.99</del>)}
        />
      </div>
    )
  }
}

// 子组件如何给父组件传值
